{extend name="template/base_default"}
{block name="header"}
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="__JS__/lodash.js"></script>
<link rel="stylesheet" href="__CSS__/shopCategory/style.css?v201711271432">
<script type="text/javascript" src="__JS__/public.js"></script>
<style>
.top{
    width: 100%;
    text-align: right;
    height: 30px;
    box-sizing: border-box;
    margin-top: 10px;
}
.top .btn-all {
    padding: 5px;
    margin-right: 3.7%;
    border-radius: 15px;
    border:1px solid white;
    font-size: .6rem;
    color: white;
    text-decoration: none;
}
</style>
{/block}
{block name="body"}
<div id="shopCategory"></div>
{/block}
{block name="footer"}
<script>
    window.baseImgSrc = "__BASE__/static/web/img";
    const shopListUrl = "{:url('shop/shoplist')}";
    const cateItems = {$category};
</script>
<script src="__JS__/shopCategory/common.js?v201711271432"></script>
{/block}